<!DOCTYPE html>
<!--[if IE 6]>
<html id="ie6" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" class="ancient-ie old-ie no-js" dir="ltr">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" class="old-ie no-js" dir="ltr">
<![endif]-->

<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" class="no-js">
<!--<![endif]-->
<head>

	<meta charset="UTF-8" />
	<meta name="viewport" content="initial-scale=1, maximum-scale=2">

	<title>PressCore | Home - Fullscreen slideshow</title>

	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	<link href="css/normalize.css" rel="stylesheet" type="text/css">
	<link href="css/wireframe.css" rel="stylesheet" type="text/css">
	<link href="css/main.css" rel="stylesheet" type="text/css">
	<link href="css/media.css" rel="stylesheet" type="text/css">
	<link href="skins/red/custom.css" rel="stylesheet" type="text/css" id="skin-style">

	<!-- RoyalSlider -->
	<link rel="stylesheet" href="royalslider/royalslider.css">
	<link rel="stylesheet" href="css/plugins.css">
	<link rel="stylesheet" href="js/plugins/pretty-photo/css/prettyPhoto.css" type="text/css"> 

	<link href="http://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet" type="text/css"> <!-- All skins -->
	<link href="http://fonts.googleapis.com/css?family=Titillium+Web:600,600italic" rel="stylesheet" type="text/css"> <!-- "Retro" skin -->
	<link href="http://fonts.googleapis.com/css?family=Patua+One" rel="stylesheet" type="text/css"> <!-- "Business" skin -->
	<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet" type="text/css"> <!-- "Green" skin -->
	<link href="http://fonts.googleapis.com/css?family=Sanchez" rel="stylesheet" type="text/css"> <!-- "Organic" skin -->

	<script src="js/modernizr.js"></script>

</head>

<body class="page">
<div id="page" ><!-- class="boxed" -->

	<!-- !Top-bar -->
	<div id="top-bar" role="complementary">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div class="wf-td">

					<div class="mini-contacts wf-float-left">
						<ul>
							<li class="address">10230 Santa Monica BLVD Los Angeles</li>
							<li class="phone">+3 045 224 33 12</li>
							<li class="email"><a href="mailto:info@yoursite.com">info@yoursite.com</a></li>
						</ul>
					</div>

					<!-- <div class="mini-nav wf-float-left">
						<ul>
							<li><a href="#">Support Policy</a></li>
							<li><a href="#">Online Helpdesk</a></li>
							<li><a href="#">ThemeForest Profile</a></li>
						</ul>
					</div> -->

				</div>
				<div class="wf-td">

					<div class="mini-search wf-float-right wf-mobile-hidden">
						<form role="search" method="get" action="#">
							<input type="text" class="field" name="searchquery" placeholder="Search">
							<input type="submit" class="assistive-text" name="submit" value="go">
							<a href="#go" class="submit"></a>
						</form>
					</div>

					<!-- <div class="mini-lang wf-float-right">
						<ul>
							<li><a href="#"><img alt="en" src="images/en.png">English</a></li>
							<li><a href="#"><img alt="sv" src="images/sv.png">Svenska</a></li>
						</ul>
					</div> -->

				</div>
			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</div><!-- #top-bar -->

	<header id="header" class="logo-left" role="banner"><!-- class="overlap"; class="logo-left", class="logo-center", class="logo-classic" -->
		<div class="wf-wrap">
			<div class="wf-table">

				<!-- !- Branding -->				<div id="branding" class="wf-td">
					<a href="index-2.html"><img src="skins/red/red.header-logo-regular.png" width="189" height="79" alt="PressCore: multipurpose HTML framework"></a>
					<div id="site-title" class="assistive-text">PressCore</div>
					<div id="site-description" class="assistive-text">multipurpose HTML framework</div>
				</div>

				<!-- !- Navigation -->	
				<nav id="navigation" class="wf-td">
					<ul id="main-nav" class="fancy-rollovers wf-mobile-hidden" role="navigation"><!-- class="fancy-rollovers" is not avaliable for "logo-classic" header layout -->
						<li class="has-children">
							<a href="index-2.html">Home</a>
							<ul class="sub-nav">
								<li><a href="index-2.html">Homepage 1</a></li>
								<li><a href="index-3.html">Homepage 2</a></li>
								<li><a href="index-4.html">Homepage 3</a></li>
								<li><a href="index-5.html">Homepage 4</a></li>
								<li><a href="index-6.html">Homepage 5</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="index-2.html">Slideshows</a>
							<ul class="sub-nav">
								<li><a href="slideshow-fullscreen.html">Slideshow fullscreen</a></li>
								<li><a href="slideshow-fixed.html">Slideshow fixed</a></li>
								<li><a href="3D-fullscreen.html">3D gallery fullscreen</a></li>
								<li><a href="3D-fixed.html">3D gallery fixed</a></li>
								<li class="act"><a href="metro-slideshow.html">Metro slideshow</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#3">Blog</a>
							<ul class="sub-nav">
								<li><a href="blog-masonry.html">Blog masonry fullwidth</a></li>
								<li><a href="blog-masonry-sidebar.html">Blog masonry with sidebar</a></li>
								<li><a href="blog-standard.html">Blog standard</a></li>
								<li><a href="blog-fancy.html">Blog with fancy header</a></li>
								<li><a href="post.html">Blog post</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Portfolio</a>
							<ul class="sub-nav">
								<li class="has-children">
								<a href="#51">Portfolio masonry</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-masonry.html">Portfolio masonry fullwidth</a></li>
									<li><a href="portfolio-masonry-sidebar.html">Portfolio masonry with sidebar</a></li>
									<li><a href="portfolio-masonry-text-hoovers.html">Portfolio masonry text hoovers</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#52">Portfolio grid</a>
								<ul class="sub-nav">

									<li><a href="portfolio-grid.html">Portfolio grid fullwidth</a></li>
									<li><a href="portfolio-grid-sidebar.html">Portfolio grid with sidebar</a></li>
									<li><a href="portfolio-grid-text-hoovers.html">Portfolio grid text hoovers</a></li>

								</ul>
								</li>

								<li class="has-children">
								<a href="#53">Portfolio standard</a>
								<ul class="sub-nav">
									
									<li><a href="portfolio-standard.html">Portfolio standard fullwidth</a></li>
									<li><a href="portfolio-standard-sidebar.html">Portfolio standard with sidebar</a></li>

								</ul>
								</li>
								<li class="has-children">
								<a href="#53">Portfolio checker</a>
								<ul class="sub-nav">

									<li><a href="portfolio-checker.html">Portfolio checker fullwidth</a></li>

									<li><a href="portfolio-checker-sidebar.html">Portfolio checker with sidebar</a></li>

								</ul>
								</li>
								<li><a href="portfolio-fancy.html">Portfolio with fancy header</a></li>
								<li class="has-children">
								<a href="#54">Portfolio posts</a>
								<ul class="sub-nav">

									<li><a href="portfolio-post.html">Portfolio post fullwidth</a></li>
									<li><a href="portfolio-post-sidebar.html">Portfolio post with sidebar</a></li>
								</ul>
								</li>

							</ul>
						</li>
						<li class="has-children">
							<a href="#">Pages</a>
							<ul class="sub-nav">
								<li><a href="team.html">Team</a></li>
								<li><a href="testimonials.html">Testimonials</a></li>
								<li><a href="contact.html">Contact</a></li>
							</ul>
						</li>
						<li class="has-children">
							<a href="#5">Elements</a>
							<ul class="sub-nav">
								<li><a href="fancy-header.html">Fancy header</a></li>
								<li><a href="typography.html">Typography</a></li>
								<li><a href="banners-teasers.html">Banners & Teasers</a></li>
								<li><a href="service-clients.html">Services & Clients</a></li>
								<li><a href="tabbed-content.html">Tabbed content</a></li>
							</ul>
						</li>
					</ul>

					<a href="#show-menu" rel="nofollow" id="mobile-menu">
						<span class="menu-open">MENU</span>
						<span class="menu-close">CLOSE</span>
						<span class="menu-back">back</span>
						<span class="wf-phone-visible">&nbsp;</span>
					</a>
				</nav>

			</div><!-- .wf-table -->
		</div><!-- .wf-wrap -->
	</header><!-- #header -->

	<!-- !Main slideshow -->
	<div class="swiper-container swiper-nested1 swiper-n1" style="height:500px;">
	    <a href="#" class="arrow-left disable"></a>
	    <a href="#" class="arrow-right"></a>
	    <div class="swiper-wrapper">
	    	<div class="swiper-slide">
	    		<img class="preload-me" src="usr/metro/metro17.jpg" alt="">
	    		<span class="link show-content"></span>
	    		<div class="swiper-caption">
	    			<h4><a href="#">Cras porttitor odio dikorgos glavrida nunc laoreet</a></h4>
	    			<p>Donec urna ipsum, iaculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	    		</div>
	    	</div>
	    	<div class="swiper-slide">
	    		<img class="preload-me" src="usr/metro/metro10.jpg" alt="">
	    		<span class="link show-content"></span>
	    		<div class="swiper-caption">
	    			<h4><a href="#">Perspiciatis unde lorem</a></h4>
	    			<p>Donec urna ipsum, iaculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	    		</div>
	    	</div>
	      	<div class="swiper-slide">
	        	<div class="swiper-container swiper-nested2 swiper-n2">
				    <a href="#" class="arrow-top disable"></a>
				    <a href="#" class="arrow-bottom"></a>
	          		<div class="swiper-wrapper">
	            		<div class="swiper-slide">
	            			<img class="preload-me" src="usr/metro/metro-wide-06.jpg" alt="">
	    					<span class="link show-content"></span>
	    					<div class="swiper-caption">
	    						<h4><a href="#">Natus sit lorem</a></h4>
	    						<p>Eenenatis et doloram erat volutpat. Ut pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	    					</div>
	    				</div>
	            		<div class="swiper-slide">
	            			<img class="preload-me" src="usr/metro/metro-wide-02.jpg" alt="">
	    					<span class="link show-content"></span>
	    					<div class="swiper-caption">
	    						<h4><a href="#">Suspendisse pharetra</a></h4>
	    						<p>enean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	    					</div>
	    				</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-01.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Natus sit piciatis</a></h4>
	            				<p>Donec urna ipsum ec diam libero. Aliquam erat pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>

	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-10.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Ullamcorper lorem ipsum </a></h4>
	            				<p>Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-04.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Natus sit lorem</a></h4>
	            				<p>Donec urna ipsum, iaculis nec sagittis eu, venenatis et dolor.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-03.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Suspendisse pharetra</a></h4>
	            				<p>Donec urna ipsum, iaculis nec sagittis!</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	          		</div>
	        	</div>
	      	</div>
	      	<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro08.jpg" alt="">
	    		<span class="link show-content"></span> 
	      		<div class="swiper-caption">
	      			<h4><a href="#">Suspendisse pharetra</a></h4>
	      			<p>Donec urna ipsum, iaculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	      		</div>
	      	</div>
	      	<div class="swiper-slide"> <img class="preload-me" src="usr/metro/metro16.jpg" alt="">
	    		<span class="link show-content"></span>
	      		<div class="swiper-caption">
	      			<h4><a href="#">Perspiciatis unde lorem ipsum dolor iste natus piciatis</a></h4>
	      			<p>Lorem ipsum dolor amet urna ipsum, iaculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	      		</div>
	      	</div>
	      	<div class="swiper-slide">
	      	<div class="swiper-container swiper-nested3 swiper-n3">
				    <a href="#" class="arrow-top disable"></a>
				    <a href="#" class="arrow-bottom"></a>
	          		<div class="swiper-wrapper">
	            		<div class="swiper-slide">
	            			<img class="preload-me" src="usr/metro/metro-wide-09.jpg" alt="">
	    					<span class="link show-content"></span>
	    					<div class="swiper-caption">
	    						<h4><a href="#">Natus sit lorem</a></h4>
	    						<p>Lorem ipsum dolor amet urna ipsum liquam erat volutpat. Ut pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	    					</div>
	    				</div>
	            		<div class="swiper-slide">
	            			<img class="preload-me" src="usr/metro/metro-wide-05.jpg" alt="">
	    					<span class="link show-content"></span>
	    					<div class="swiper-caption">
	    						<h4><a href="#">Suspendisse pharetra</a></h4>
	    						<p>Lorem ipsum dolor amet urna ipsum, iaculis nec sagittis!</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	    					</div>
	    				</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-11.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Natus sit piciatis</a></h4>
	            				<p>Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>

	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-12.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Ullamcorper lorem ipsum </a></h4>
	            				<p>Lorem ipsum dolor amet urna ipsum, iaculis nec sagittis eu!</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-13.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Natus sit lorem</a></h4>
	            				<p>Erenenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat!</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	            		<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro-wide-14.jpg" alt="">
	    					<span class="link show-content"></span>
	            			<div class="swiper-caption">
	            				<h4><a href="#">Suspendisse pharetra</a></h4>
	            				<p>Lorem ipsum dolor amet urna ipsum, iaculis nec sagittis.</p>
				    			<a href="#" class="swiper-link">Details</a>
				    			<span class="close-link"></span>
	            			</div>
	            		</div>
	          		</div>
	        	</div>
	       	</div>
	      	<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro20.jpg" alt="">
	    		<span class="link show-content"></span>
	      		<div class="swiper-caption">
	      			<h4><a href="#">Suspendisse pharetra</a></h4>
	      			<p>Lorem ipsum dolor amet urna ipsum, iaculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	      		</div>
	      	</div>
	      	<div class="swiper-slide"><img class="preload-me" src="usr/metro/metro04.jpg" alt="">
	    		<span class="link show-content"></span>
	      		<div class="swiper-caption">
	      			<h4><a href="#">Lorem ipsum ellentesque </a></h4>
	      			<p>Araculis nec sagittis eu, venenatis et dolor. Aenean nec diam libero. Aliquam erat volutpat. Ut pharetra eleifend tempus.</p>
	    			<a href="#" class="swiper-link">Details</a>
	    			<span class="close-link"></span>
	      		</div>
	      	</div>

	    </div>
	</div>

	<!-- !Main -->
	<div id="main" class="sidebar-none"><!-- class="sidebar-none", class="sidebar-left", class="sidebar-right" -->

		<div class="wf-wrap">
			<div class="wf-container-main">

				<!-- !- Content -->
				<div class="content">
				<div class="stripe stripe-style-1" style="margin-top: -45px;">
				<div class="gap-30"></div>
					<div class="wf-container">
					<div class="wf-cell wf-1">			
					<!-- !-- Benefits style one -->
					<section class="benefits-grid wf-container benefits-style-one icons-bg"><!-- class="icons-bg" -->
						<div class="wf-cell wf-1-4">
							<div class="borders">
								<div class="text-normal">
									<div class="wf-table">
										<div class="wf-td">
											<a href="#" class="benefits-grid-ico"><img src="usr/benefits/sm-design.png" width="22" height="22" alt="Premium Support" /></a>
										</div>
										<div class="wf-td">
											<h4>Modern design</h4>
										</div>
									</div>
									<p class="benefits-inner">Mauris sit amet turpis glavico lorem ipsum dolor leo, adipiscing sed mattis eu, rhoncus sed neque. Donec iaculis pellentesque nisi sagittis tincidunt.</p>
									<a href="#" class="more-link details">Read more</a>
								</div>
							</div>
						</div>
						<div class="wf-cell wf-1-4">
							<div class="borders">
								<div class="text-normal">
									<div class="wf-table">
										<div class="wf-td">
											<a href="#" class="benefits-grid-ico"><img src="usr/benefits/sm-play.png" width="22" height="22" alt="Trendy design" /></a>
										</div>
										<div class="wf-td">
											<h4>Easy to work with</h4>
										</div>
									</div>
									<div class="benefits-inner">Pellentesque nisi sagittis tincidunt utrum lacus at luctus. Nam eros nisl, glavico lorem ipsum dolor leo auctor ut vulputate ut, commodo facilisis lectus.</div>
									<a href="#" class="more-link details">Read more</a>
								</div>
							</div>
						</div>
						<div class="wf-cell wf-1-4">
							<div class="borders">
								<div class="text-normal">
									<div class="wf-table">
										<div class="wf-td">
											<a href="#" class="benefits-grid-ico"><img src="usr/benefits/sm-ipad.png" width="22" height="22" alt="Trendy design" /></a>
										</div>
										<div class="wf-td">
											<h4>Ultra responsive</h4>
										</div>
									</div>
									<div class="benefits-inner">Mauris turpis leo, adipiscing sed mattis eu, glavico lorem leorhoncus sed neque. Donec iaculis pellentesque nisi sagittis tincidunt ipsum.</div>
									<a href="#" class="more-link details">Read more</a>
								</div>
							</div>
						</div>
						<div class="wf-cell wf-1-4">
							<div class="borders">
								<div class="text-normal">
									<div class="wf-table">
										<div class="wf-td">
											<span class="benefits-grid-ico"><img src="usr/benefits/sm-gear.png" width="22" height="22" alt="Trendy design" /></span>
										</div>
										<div class="wf-td">
											<h4>Customizible</h4>
										</div>
									</div>
									<div class="benefits-inner">Sed rutrum consectetur purus lorem ipsum leo siticos ac semper. Nam velit tellus, condimentum et placerat id, scelerisque id ipsum lorem ipsum dolor.</div>
									<a href="#" class="more-link details">Read more</a>
								</div>
							</div>
						</div>
					
					</section>
					</div>
					</div>
					</div>
					<!-- !-- Stripe -->
					<div class="stripe stripe-style-2" style="margin-top: 0; padding-bottom: 0;">

						<section class="shortcode-action-box box-style-table">
							<div class="wf-table">
								<div class="shortcode-action-container">
									<h3>Introducing <span class="color-accent">PRESSCORE</span> - new powerful multipurpose HTML framework!</h3>
									<p class="text-big color-secondary">Voluptatema sed terre estere doloremque laudantium sit ame ut perspiciatis.</p>
								</div>							
								<div class="shortcode-action-container action-button">
									<a href="#" class="dt-btn dt-btn-xl">Download now</a>
								</div>
							</div>
						</section><!-- .action-box -->
					</div>
					<div class="gap-40"></div>
					<div class="gap-10"></div>
					<div class="wf-container">
						<div class="wf-cell wf-1-4">
							<h2 class="entry-title">Recent posts</h2>
							<div class="gap-10"></div>
							<section class="items-grid wf-container">
								<div class="wf-cell wf-1">
									<div class="borders">
										<article>
											<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-1.jpg" alt=""></a>
											<div class="post-content">
												<a href="#">Pellen tesque lorem morbi tristique</a><br>
												<time pubdate="" datetime="" class="text-secondary">29/04/2013</time>
											</div>
										</article>
									</div>
								</div>
								<div class="wf-cell wf-1">
									<div class="borders">
										<article>
											<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-2.jpg" alt=""></a>
											<div class="post-content">
												<a href="#"> Lorem ipsum dolor sit amet communitas</a><br>
												<time pubdate="" datetime="" class="text-secondary">29/04/2013</time>
											</div>
										</article>
									</div>
								</div>
								<div class="wf-cell wf-1">
									<div class="borders">
										<article>
											<a href="#" class="alignleft post-rollover" title=""><img width="60" height="60" src="usr/posts-widget-shortcode/posts-widget-3.jpg" alt=""></a>
											<div class="post-content">
												<a href="#"> Mauris vitae pulvinar eros glavrida amet</a><br>
												<time pubdate="" datetime="" class="text-secondary">22/05/2012</time>
											</div>
										</article>
									</div>
								</div>
								
							</section>
						</div>
						<div class="wf-cell wf-1-4">
							<h2 class="entry-title">Our skills</h2>
							<div class="gap-10"></div>
							<div class="skills">
								<div class="skill-name">Web design</div>
								<div class="skill">
									<div class="skill-value" data-width="90"><span></span></div>
								</div>
		
								<div class="skill-name">Coding</div>
								<div class="skill">
									<div class="skill-value" data-width="80"><span></span></div>
								</div>
		
								<div class="skill-name">Programming</div>
								<div class="skill">
									<div class="skill-value" data-width="60"><span></span></div>
								</div>
								<div class="skill-name">Marketing</div>
								<div class="skill">
									<div class="skill-value" data-width="35"><span></span></div>
								</div>
								<div class="skill-name">SEO</div>
								<div class="skill">
									<div class="skill-value" data-width="25"><span></span></div>
								</div>
							</div>
						</div>
						<div class="wf-cell wf-1-4">
							<h2 class="entry-title">What we do</h2>
							<div class="gap-10"></div>
							<div class="st-accordion">
								<ul>
									<li>
										<a class="text-primary" href="#">Web design & coding</a>
										<div class="st-content">
											<p>Phasellus commodo ultricies sapien, et volutpat elit aliquam a. In in felis non odio interdum mollis luctus in nunc. Donec hendrerit dapibus tellus, et porttitor nunc ullamcorper semper. Donec posuere pretium dolor a sagittis leo.</p>
										</div>
									</li>
									<li>
										<a class="text-primary" href="#">Programming</a>
										<div class="st-content">
											<p>Ut eget urna odio, non hendrerit nisi. Pellentesque at urna ac nulla molestie viverra. Etiam neque quam, dapibus quis faucibus id, laoreet tincidunt neque. </p>
										</div>
									</li>
									<li>
										<a class="text-primary" href="#">Marketing & SEO</a>
										<div class="st-content">
											<p>Phasellus commodo ultricies sapien, et volutpat elit aliquam a. In in felis non odio interdum mollis luctus in nunc. Donec hendrerit dapibus tellus, et porttitor nunc ullamcorper semper. Donec posuere pretium dolor.</p>
										  </div>
									</li>										
									
								</ul>
							</div>
						</div>
						<div class="wf-cell wf-1-4">
							<h2 class="entry-title">Contact info</h2>
							<div class="gap-10"></div>
							<div class="shortcode-contact-info">
								<ul class="contact-info">
									<li><span class="secondary-color">Adress:</span><br /> 10250 Santa Monica Boulevard Los Angeles, CA 90067</li>
									<li><span class="secondary-color">Phone number:</span><br /> +3 045 224 33 12, +3 045 224 21 00</li>
									<li><span class="secondary-color">E-mail:</span><br /> info@yoursite.com, sales@yoursite.com</li>
					
								</ul>

								<div class="soc-ico">
									<p class="assistive-text">Find us on:</p>
									<a class="facebook" href="#" target="_blank" title="Facebook"><span class="assistive-text">Facebook</span></a>
									<a class="dribbble" href="#" target="_blank" title="Dribbble"><span class="assistive-text">Dribbble</span></a>
									<a class="google" href="#" target="_blank" title="Google+"><span class="assistive-text">Google+</span></a>
									<a class="twitter" href="#" target="_blank" title="Twitter"><span class="assistive-text">Twitter</span></a>
									<a class="you-tube" href="#" target="_blank" title="YouTube"><span class="assistive-text">YouTube</span></a>
								</div>
							</div>
						</div>
					</div>
					<div class="gap-40"></div>
					<!-- Begin Full Width Slider two -->
					<div class="slider-wrapper shortcode-instagram full" style="margin-bottom: -40px;">						
						<div class="frame fullwidth-slider" style="height:90px;">
							<ul class="clearfix" style="height:90px;">
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in1.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in2.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in3.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in4.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in5.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in6.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in7.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in8.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in9.jpg">
									<span class="link"><a href="#"></a></span>
								</li>	
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in10.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in11.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in12.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in13.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in14.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in15.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in16.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in17.jpg">
									<span class="link"><a href="#"></a></span>
								</li>	
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in18.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in19.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in20.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in21.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in22.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in23.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in24.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in25.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
								<li class="fs-entry">
									<img width="90" height="90" alt="Post with no featured image on post page" src="usr/pc-fullwidth-small-photos/in26.jpg">
									<span class="link"><a href="#"></a></span>
								</li>
							</ul>
						</div>
						<div class="fs-navigation controls center">
							<div class="prev"></div>
							<div class="next"></div>
							<div class="fs-title">Recent photos</div>
						</div>
					</div>
					
					<!-- End Full Width Slider -->

					
					
				</div><!-- .content -->

				<!-- !- Sidebar -->
				<aside id="sidebar" role="complementary" class="sidebar">

					

				</aside><!-- .sidebar -->

			</div><!-- .wf-container-main -->
		</div><!-- .wf-wrap -->

	</div><!-- #main -->

	<!-- !Bottom-bar -->
	<div id="bottom-bar" role="contentinfo">
		<div class="wf-wrap">
			<div class="wf-table wf-mobile-collapsed">
				<div id="branding-bottom" class="wf-td">
					<img src="skins/red/red.bottom-bar-logo-regular.png" width="38" height="48" alt="PressCore: multipurpose HTML framework">
				</div>

				<div class="wf-td">
					<div class="wf-float-left">&copy; 2012&ndash;2013. Dream-Theme &mdash; truly <a href="http://dream-theme.com/" target="_blank">premium WordPress themes</a>.</div>
				</div>

				<div class="wf-td">

					<div class="mini-nav wf-float-right">
						<ul>
							<li><a href="http://support.dream-theme.com/support-policy" target="_blank">Support Policy</a></li>
							<li><a href="http://support.dream-theme.com/" target="_blank">Online Helpdesk</a></li>
							<li><a href="http://themeforest.net/user/Dream-Theme" target="_blank">ThemeForest Profile</a></li>
						</ul>
					</div>

				</div>

			</div>
		</div><!-- .wf-wrap -->
	</div><!-- #bottom-bar -->

</div><!-- #page -->


<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery-migrate-1.1.1.min.js"></script>

<!-- RoyalSlider -->
<script src="royalslider/jquery.royalslider.js"></script>
<script src="js/plugins/pretty-photo/js/jquery.prettyPhoto.js"></script>
<script src="js/plugins.js"></script>

<script src="js/main.js"></script>
<link rel="stylesheet" href="presscore-demo/css/show.css" type="text/css" />
<script type="text/javascript" src="presscore-demo/js/demo.js"></script>
</body>
</html>